<div class="absolute mx-auto mb-10 bottom-0 left-0 right-0 z-10 text-center">
  <h2 class="text-orange-500 text-4xl mb-2 drop-shadow-[1px_1px_5px_rgba(100,100,100,0.5)]"><ng-content select="h2"></ng-content></h2>
  <h4 class="text-white text-2xl mb-2 drop-shadow-[1px_1px_5px_rgba(33,33,33,0.5)]"><ng-content select="h4"></ng-content></h4>
  <a [routerLink]="[url]" class="inline-block text-white px-4 py-3 bg-orange-500 rounded-md cursor-pointer">Read More</a>
</div>
